{extend name='public/nav' /}
{block name="title"}-产品中心{/block}
{block name="page-class"}insi-page{/block}
{block name="block"}
        <!-- ==================== S header ==================== -->
        <div id="a1portalSkin_headerAreaA" class="header"><!-- Start_Module_127375 --><a name="24966" id="24966"></a>
            <div class="module-default">
                <div class="module-inner">
                    <div id="a1portalSkin_ctr127375127375_mainArea" class="module-content"><!-- Start_Module_127375 -->
                        <!-- S slideshow -->
                        <div class="slideshow slideshow-min carousel clearfix" style="height:250px; overflow:hidden;">
                            <div id="carousel-127375">
                                <div class="carousel-item">
                                    <div class="carousel-img"><a href="javascript:;" target=""><img
                                            src="/uploads/nav/{$nav_image}"
                                            height="250" alt=""></a></div>
                                </div>
                            </div>
                            <div class="carousel-btn carousel-btn-fixed" id="carousel-page-127375"></div>
                        </div>
                        <script type="text/javascript">
                            $(window).bind("load resize", function () {
                                $("#carousel-127375").carouFredSel({
                                    width: '100%',
                                    items: {visible: 1},
                                    auto: {pauseOnHover: true, timeoutDuration: 5000},
                                    swipe: {onTouch: true, onMouse: true},
                                    pagination: "#carousel-page-127375",
                                    scroll: {fx: "crossfade"}
                                });
                            });
                        </script><!-- E slideshow --><!-- End_Module_127375 --></div>
                </div>
            </div>
        </div>
        <!-- ==================== E Header ==================== -->
        <!-- ==================== S main ==================== -->
        <section class="main">
            <div class="breadcrumbs-wrapper">
                <div class="page-width clearfix"><!-- S breadcrumbs -->
                    <div class="breadcrumbs" skinobjectzone="HtmlBreadCrumb_2618"><span>当前位置：</span>
                        <a href="/">主页</a> &gt;
                        <a href="/p_list">产品中心</a> &gt;
                        <a href="javascript:;">{$cate_name}</a>
                    </div>
                    <!-- E breadcrumbs -->
                </div>
            </div>
            <div class="page-width clearfix"><!-- S content -->
                <section class="content float-right">
                    <div id="a1portalSkin_mainArea" class="content-wrapper"><!-- Start_Module_127374 --><a name="24951"
                                                                                                           id="24951"></a>
                        <div class="module-default">
                            <div class="module-inner">
                                <div id="a1portalSkin_ctr127374127374_mainArea" class="module-content">
                                    <!-- Start_Module_127374 --><!-- S portfolio-list -->
                                    <div class="portfolio-list product-list ieCode-del">
                                        <ul class="row2-svar clearfix">

                                            {volist name="product" id="vo"}
                                            <li class="col-3-1 fadeInUp animated" data-animate="fadeInUp">
                                                <div class="product-item">
                                                    <div class="portfolio-img"><a
                                                            href="{:url('/p/'.$vo['id'])}"
                                                            target="_blank"><img
                                                            src="/uploads/product/{$vo.image}"
                                                            alt="{$vo.name}"></a></div>
                                                    <div class="portfolio-title">
                                                        <h2>
                                                            <a href="{:url('/p/'.$vo['id'])}"
                                                               target="_blank">{$vo.name}</a></h2>
                                                    </div>
                                                </div>
                                            </li>
                                            {/volist}
                                        </ul>
                                    </div>
                                    <!-- E portfolio-list --><!-- S portfolio-list -->
                                    <div class="m-page">
                                        <ul class="pagelist">
                                            {$product->render()}
                                        </ul>
                                    </div>

                                    <!-- /pages -->

                                    <!-- E portfolio-list --><!-- S pagination --><!-- E pagination -->
                                    <!-- End_Module_127374 --></div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- S content --><!-- S sidebar -->
                <section class="sidebar float-left"><!-- S page-menu -->
                    <section class="page-menu" skinobjectzone="menu_2793">
                        <div class="page-menu-title">
                            <div class="page-menu-item">

                                <h3>产品中心</h3>
                            </div>
                        </div>
                        <div class="page-menu-content">
                            <ul>
                                {volist name="tree" id="vo"}
                                <li class=""><a href="javascript:;">{$vo.name}</a><i></i>
                                    {notempty name="vo.childrens"}
                                    <ul>
                                        {volist name="vo.childrens" id="v"}
                                        <li class="" cate-id="{$v.id}"><a href="{:url('/p_list/'.$v['id'])}" target="">{$v.name}</a></li>
                                        {/volist}
                                    </ul>
                                    {/notempty}
                                </li>
                                {/volist}
                            </ul>


                            <!-- S 没有子菜单时输出 --><!-- E 没有子菜单时输出 -->
                            <script type="text/javascript">
                                $(document).ready(function () {
                                    $('.page-menu-content ul > li:last').addClass('last');

                                    $('.page-menu-content > ul > li > a').click(function () {
                                        if ($(this).siblings('ul')) {
                                            $(this).siblings('ul').slideDown('fast');
                                            $(this).parent('li').siblings('li').find('ul').slideUp('fast');
                                            $(this).parent('li').addClass('current').siblings('li').removeClass('current');
                                        }
                                    });

                                });
                            </script>
                        </div>
                    </section>
                    <!-- S page-menu -->
                    <div class="clear"></div>
                    <div id="a1portalSkin_sidebarAreaA" class="QHDEmptyArea sidebar-content"></div>
                </section>
                <!-- E sidebar --></div>
        </section>
        <!-- ==================== E main ==================== -->
        <!-- ==================== S footer ==================== -->
{/block}
{block name="javascript"}
<script>
    $(function () {
        var cid = {$cid};
        $('li[cate-id="'+cid+'"]').addClass('active').parent().show().parent().addClass('current');
    });
</script>
{/block}